// 导入 Vue 3 的 ref 函数和 Pinia 的 defineStore 函数
import { ref } from "vue";
import { defineStore } from "pinia";

// 定义一个名为 "todo" 的数据管理模块，并使用 defineStore 函数
const useTodoStore = defineStore("todo", () => {
  // 使用 ref 函数创建一个响应式的数据变量 todos，初始包含一个对象元素
  const todos = ref([{ txt: "人生不就是大起大落" }]);

  // 定义一个名为 addTodo 的函数，用于向 todos 数组添加一个新的对象元素
  const addTodo = () => {
    todos.value.push({ txt: "落" });
  };

  // 返回定义的数据变量和函数，使其可以在组件中使用
  return {
    todos,
    addTodo,
  };
});

export default useTodoStore;
